:root { --primary-button-color: #600080 !important; --muted-button-color: #39004d !important; --primary-button-text-color: #ffffff !important; --primary-dark-color: #39004d !important; --primary-dark-text-color: #250033 !important; --primary-light-color: #f2e6ff !important; --accent-color: #600080 !important; --accent-light: #ac00e6 !important; --seams: #d7d7d7 !important; --warn-color: #ff1a1a !important; --affirm-color: #45bc43 !important; --alt-area-bg: #fafafa !important; --form-field-bg: #eeeeee !important; --label-text: #333333 !important; --form-field-height: 32px !important; --form-field-border-radius: 0 !important; --button-border-radius: 4px !important; --horizontal-margins: 30px !important; --vertical-margins: 30px !important; --gutter-size: 20px !important; --button-height: 32px !important }
.dp-gridview .dp-report-grid-viewer__header { display: grid !important; background-color: rgba(81, 40, 136, 1) !important; height: 50px !important; align-items: center !important; min-width: 100% !important; min-height: 50px !important; position: sticky !important; top: 0 !important; flex-shrink: 0 !important; z-index: 1 !important; width: fit-content !important }
.btn-xsmall { width: 100px !important; display: inline-block !important }
.btn-small { width: 150px !important; display: inline-block !important }
.btn-medium { width: 200px !important; display: inline-block !important }
.btn-large { width: 250px !important; display: inline-block !important }
.btn-xlarge { width: 300px !important; display: inline-block !important }
.custom-data-grid { text-align: center !important }
.custom-advanced-data-grid .ui-jqgrid .ui-jqgrid-htable th { background-color: rgba(96, 0, 128, 1) !important }
.custom-data-grid .ui-jqgrid-hbox table tr th .DGTexthide { font-size: 14px !important }
.custom-data-grid .ui-jqgrid tr.jqgrow td { font-size: 14px !important }
.form-surface-view .dp-combobox { border: 1px solid rgba(128, 128, 128, 1) !important; border-radius: 5px !important }
.form-surface-view .dp-combobox:hover { border: 1px solid rgba(0, 129, 194, 1) !important; border-radius: 5px !important }
.form-surface-view .datepicker-main { border-radius: 5px !important }
.form-surface-view .SilverButtonStyle button, .form-surface-view .SilverButtonStyle input, .form-surface-view .SilverCloseFormButton-1 input[type="button"], .form-surface-view .SilverButtonOpenURL-1 input[type="button"], .form-surface-view .SilverEventButton-1 button, .form-surface-view .SingleFileUploadContainer input[type="button"], .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton, .form-surface-view .SilverSingleFileUpload .SingleFileUploadButton, .form-surface-view .SilverButtonStyle button.SecondaryButton, .form-surface-view .commonbutton button, .form-surface-view .SilverFileDownload-1 input[type="button"] { font-weight: bold !important; text-transform: capitalize !important; padding: 0.5em 2em !important; background: linear-gradient(0deg, rgba(115, 70, 170, 1), rgba(81, 40, 136, 1)) rgba(81, 40, 136, 1) !important; color: rgba(255, 255, 255, 1) !important; display: block !important; text-decoration: none !important; border: 1px solid rgba(81, 40, 136, 1) !important; width: auto !important; cursor: pointer !important; font-size: 15px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important }
.SilverButtonStyle { background-image: none !important }
.SilverButtonStyle input:hover { background-image: none !important }
.CommonFileUploadAreaButton, .CommonFileUploadAreaButton:hover { font-weight: normal !important; text-transform: capitalize !important; background: var(--primary-button-color) !important; color: rgba(255, 255, 255, 1) !important; border-radius: 4px !important; padding: 0 calc(var(--gutter-size) * 0.75) !important }
.form-surface-view .SilverButtonStyle button:hover, .form-surface-view .SilverButtonStyle input:hover, .form-surface-view .SilverCloseFormButton-1 input[type="button"]:hover, .form-surface-view .SilverButtonOpenURL-1 input[type="button"]:hover, .form-surface-view .SilverEventButton-1 button:hover, .form-surface-view .SingleFileUploadContainer input[type="button"]:hover, .form-surface-view .SingleFileUploadButton input[type="button"]:hover, .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton:hover, .CommonFileUploadAreaButton:hover, .form-surface-view .SilverButtonStyle button.SecondaryButton:hover, .form-surface-view .commonbutton button:hover, .form-surface-view .SilverFileDownload-1 input[type="button"]:hover { filter: saturate(2) !important }
.form-surface-view .SilverButtonStyle button.SecondaryButton, .form-surface-view .SilverButtonStyle input.SecondaryButton, .form-surface-view .SilverCloseFormButton-1 input[type="button"].SecondaryButton, .form-surface-view .SilverButtonOpenURL-1 input[type="button"].SecondaryButton, .form-surface-view .SilverEventButton-1 button.SecondaryButton, .form-surface-view .SingleFileUploadContainer input[type="button"].SecondaryButton, .form-surface-view .SecondaryButton input[type="button"], .form-surface-view input[type="button"].SecondaryButton, .form-surface-view .SecondaryButton button, .form-surface-view button.SecondaryButton { background-color: var(--primary-button-color) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .SilverButtonStyle button.UtilityButton, .form-surface-view .SilverButtonStyle input.UtilityButton, .form-surface-view .SilverCloseFormButton-1 input[type="button"].UtilityButton, .form-surface-view .SilverButtonOpenURL-1 input[type="button"].UtilityButton, .form-surface-view .SilverEventButton-1 button.UtilityButton, .form-surface-view .SingleFileUploadContainer input[type="button"].UtilityButton, .form-surface-view .UtilityButton input[type="button"], .form-surface-view input[type="button"].UtilityButton, .form-surface-view .UtilityButton button, .form-surface-view button.UtilityButton { background-color: var(--muted-button-color) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .SilverMultiFileUpload .MultiFileUploadButton { padding-left: var(--gutter-size) !important; padding-right: var(--gutter-size) !important; background-color: var(--accent-color) !important; border: none !important; color: rgba(0, 0, 0, 1) !important; text-transform: capitalize !important }
.SilverImageDownload { border: none !important; height: var(--vertical-margins) !important }
.SilverImageDownload:focus { border: none !important }
.SilverButtonStyle button:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.form-surface-view .commonbutton button { font-size: 12px !important }
.form-surface-view .dp-togglebutton-false, .form-surface-view .dp-togglebutton-true { border-radius: 30px !important }
.form-surface-view .H1 { font-size: 32px !important; padding-top: 18px !important }
.form-surface-view .H2, .form-surface-view .H3 { height: 56px !important; padding: 0px var(--horizontal-margins) !important; box-sizing: border-box !important; border-bottom: solid 4px var(--primary-button-color) !important }
.form-surface-view .H2 .silverLabel { font-size: 24px !important; height: 36px !important; padding: 0 !important; color: var(--primary-dark-color) !important }
.form-surface-view .H3 { border-bottom: solid 4px var(--primary-light-color) !important }
.form-surface-view .H3 .silverLabel { font-size: 18px !important; height: 28px !important; color: rgba(0, 0, 0, 1) !important; padding: 0 !important }
.form-surface-view .FormFooter, .form-surface-view .FormFooterSimple { background-color: var(--alt-area-bg) !important; border-top: solid 1px var(--seams) !important }
.form-surface-view .FormFooterSimple { background: rgba(0, 0, 0, 0) !important }
.dp-dialog .ui-dialog-titlebar { min-height: 60px !important; line-height: 60px !important; color: rgba(255, 255, 255, 1) !important; background: var(--primary-dark-color) !important; padding: 0 var(--horizontal-margins) !important }
.dp-dialog .ui-dialog-titlebar .ui-button g { fill: rgba(255, 255, 255, 1) !important }
.dp-dialog .ui-dialog-titlebar .dialog-maximize g { stroke: rgba(255, 255, 255, 1) !important }
.dp-dialog .ui-dialog-titlebar .ui-dialog-title { height: 60px !important; line-height: 60px !important; font-size: 28px !important; font-weight: normal !important; font-family: "Rubik", sans-serif !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view input[type="text"] { border-radius: 5px !important }
.form-surface-view input[type="email"], .form-surface-view input[type="password"], .form-surface-view textarea.textArea { border-radius: 5px !important }
.form-surface-view select { border-radius: 5px !important }
.form-surface-view label { font-family: "Lucida Grande", Verdana, Arial, sans-serif !important; font-size: 15px !important; color: rgba(51, 51, 51, 1) !important; line-height: 1.2 !important }
.form-surface-view .SilverCheckBox label span { font-family: "Lucida Grande", Verdana, Arial, sans-serif !important; font-size: 11px !important; color: rgba(51, 51, 51, 1) !important; line-height: 1.2 !important }
.form-surface-view .SilverRadioButtonsControl label { font-family: "Lucida Grande", Verdana, Arial, sans-serif !important; font-size: 11px !important; color: rgba(51, 51, 51, 1) !important; line-height: 1.2 !important }